/* VIP专区、店铺街、创意礼品->专区页面csss*/

/*焦点图*/
.slide-wrap{ margin-bottom:15px;height:420px; position:relative;}
.slide-focus-bd{ position:relative;}
.slide-focus-bd span.loading-state{ display:block;width:32px;height:32px; display:none;  background:#ccc url(../images/loading.gif) no-repeat center center; left:50%; margin-left:-16px;top:200px; position:absolute; z-index:3;border-radius:10px; opacity:0.5;filter:alpha(opacity=50);}
.slide-focus-bd .slide-box{height:420px; overflow:hidden; position:relative;}
.slide-focus-bd .slide-box li{ position:absolute; width:100%;height:420px; min-width:980px;background:#fff;}
.slide-focus-bd .slide-box li div.sub-ad{ position:absolute;top:15px;left:50%; margin-left:300px;width:190px;height:390px; background:#f0ebe7;}
.slide-focus-bd .slide-box li div.sub-ad a{ position: relative;display:block;width:190px;height:131px;}
.slide-focus-bd .slide-box li div.sub-ad a img{display:block;}
.slide-focus-bd .slide-box li div.sub-ad a s{display:block; height:1px; margin:0 10px; line-height:1px; overflow:hidden; background:#d9cfcd}
.slide-focus-bd .slide-box li div.sub-ad a i{ position:absolute; left:0;top:0;display:block;width:190px;height:131px; background:#000; cursor:pointer; opacity:0;filter:alpha(opacity=0);}
.slide-focus-bd .slide-box li .focus-bg-banner{ background-repeat:no-repeat; background-position:center center;}
.slide-focus-bd .slide-box li.first-slide{z-index:2;}
.slide-focus-bd .slide-box li a{display:block;width:980px;height:420px; margin:0 auto;}
.slide-control{ position:absolute; z-index:2;right:50%;margin-right:-250px; bottom:10px;height:12px; line-height:12px; overflow:hidden; padding:2px;border-radius:5px;background:rgba(0,0,0,0.2);}
.sales-page .slide-control{ margin-right:-100px;}
.slide-control li{ float:left;width:12px;height:12px; line-height:12px; overflow:hidden;  cursor:pointer; margin:0 3px;border-radius:50%; background:#c9c9c9;}
.slide-control li.selected{background:#ef363e;}
/*登录框*/
#sales-board {
	filter:alpha(opacity=60); 
	-moz-opacity:0.6; 
	opacity:0.6;
}
#sales-board{ position:absolute; top:5px;left:50%; z-index:3; margin-left:160px;width:330px;height:400px;}
#sales-board .sales-Info,#sales-board .sales-login{width:330px; background:url(../images/sales_pos.png) no-repeat left top;_background-image:url(../images/sales_pos.gif);}
#sales-board .sales-Info{height:118px; background-position:3px -253px;}
#sales-board .sales-Info .bd-title{color:#fff; padding-top:10px; text-align:center;}
#sales-board .sales-Info .total-size{ text-align:center;}
#sales-board .sales-Info .total-size strong{font-size:60px;color:red;}
#sales-board p.line-dashed{height:0;line-height:0;overflow:hidden;border-top:1px dashed #fff; margin:5px 7px;}
#sales-board .sales-login{height:252px; background-position:3px 0;}
#sales-board .login-form-inner{width:290px;padding-top:20px;position:relative;left:30px;top:3px;}
#sales-board .login-form-inner #warning{ display:none; background:#fff; position:absolute;left:0;top:0;border-radius:0 0 3px 3px;width:270px;height:20px; border:1px solid #eee;border-top-width:0;}
#sales-board .login-form-inner #warning s{ position:absolute;left:15px; top:0;display:block;width:20px;height:20px; background:url(../images/pos_bg.jpg) no-repeat -45px -70px;}
#sales-board .login-form-inner #warning strong{ margin-left:35px; line-height:20px;}
#sales-board .login-form-inner ul{}
#sales-board .login-form-inner ul li a{color:#005ba2;}
#sales-board .login-form-inner ul li{ margin-bottom:5px;*margin-bottom:2px;width:272px; position:relative;}
#sales-board .login-form-inner ul li .t label{font-size:14px;color:#7b7a7a;}
#sales-board .login-form-inner ul li .t a{ float:right;font-size:14px;}
#sales-board .login-form-inner ul li .d input{border-radius:3px;border:1px solid #c9c9c9;height:25px; color:#7b7a7a; line-height:25px;padding-left:10px;width:260px;}
#sales-board .login-form-inner ul li .d input.focus{border-color:#8bbb4b;}
#sales-board .login-form-inner ul li .sp input{width:80px;}
#sales-board .login-form-inner ul li .validate-code-pic{ position:absolute;top:10px;right:0;width:170px;height:50px;}
#sales-board .login-form-inner ul li .validate-code-pic img{ position:relative;top:16px;}
#sales-board .login-form-inner ul li .validate-code-pic a{color:#333; position:relative;top:10px;}
#sales-board .login-form-inner ul li .dis-login{color:#000;}
#sales-board .login-form-inner ul li .dis-login strong{color:#999;}
#sales-board .login-form-inner ul li .dis-login input{margin-right:5px; position:relative;top:1px;}
#sales-board .login-form-inner ul li .submit-btn{ background: url(../images/pos_bg.jpg) no-repeat -80px -65px;border:0;color:#fff;font-size:16px;height:35px; line-height:35px;width:273px; margin-top:5px; cursor:pointer;}
#sales-board .login-form-inner ul li .submit-btn:hover{opacity:0.9;filter:alpha(opacity=90);}
#sales-board .login-form-inner ul li.dis-regist{text-align:right;font-size:14px;}
#login-info-box{ margin:0 50px;padding-top:20px;}
#login-info-box p.user-name-title strong{color:#000;font-size:18px;}
#login-info-box p.info-tips{ text-align:center; margin-top:10px;}
#login-info-box p.info-tips strong{color:#fe0000;font-size:30px;}
#login-info-box p.line-dashed{height:0;line-height:0;overflow:hidden;border-top:1px dashed #999; margin-top:30px;}
#sales-board #pinzhi-365{ position:relative;color:#fff;font-weight:bold;height:20px; margin:0 5px;}
#sales-board #pinzhi-365 s{ position:absolute; top:2px; display:block;width:17px;height:15px; background:url(../images/icons.png) no-repeat left top;}
#sales-board #pinzhi-365 s a{ display:block;width:17px; height:15px;}
#sales-board #pinzhi-365 s.weibo-icon{left:115px; background-position:0 -180px;}
#sales-board #pinzhi-365 s.weixin-icon{left:140px; background-position:0 -200px;}
#sales-board #pinzhi-365 s.weixin-icon s.popupChat{ display:none; position:absolute;top:-383px;left:-138px;}
#sales-board #pinzhi-365 s.weixin-icon:hover s.popupChat{display:block;}

#focus-main{width:980px; margin:10px auto;}
.banner-wrap{ margin:0 auto; position:relative;width:920px;height:450px;}
.banner-wrap li{ position:absolute;width:220px;height:220px;}
.banner-wrap li a{display:block; position:relative;}
.banner-wrap li a img{ display:block;}
.banner-wrap li a span{ position:absolute;bottom:0; display:none;height:40px; line-height:40px; text-align:center;color:#fff; font-weight:bold;font-size:14px;width:100%; background:#000;filter:alpha(opacity=60);background:rgba(0,0,0,0.6); cursor:pointer;}
.banner-wrap li.banner-pos-1{left:0;top:0;width:450px;height:450px;}
.banner-wrap li.banner-pos-2{left:465px;top:0;}
.banner-wrap li.banner-pos-3{right:0px;top:0;}
.banner-wrap li.banner-pos-4{left:465px;bottom:0;}
.banner-wrap li.banner-pos-5{right:0px;bottom:0;}

#shop-list-wrap{width:980px; margin:0 auto;}

#shop-list-wrap dl dt{ margin-bottom:10px;border-bottom:3px solid #000;height:35px; line-height:35px; font-size:18px; font-weight:bold;color:#000; clear:left;}
#shop-list-wrap dl dd{ float:left; margin-right:10px; margin-bottom:10px;}
#shop-list-wrap dl dd.last{ margin-right:0;}
#shop-list-wrap dl dd a{ position:relative;display:block;width:188px; height:320px;}
#shop-list-wrap dl dd a img{ display:block;}
#shop-list-wrap dl dd a span{ position:absolute;color:#000; text-align:center; bottom:15px;left:20px; display:block;width:139px;height:56px;padding-top:3px;border:3px solid #eee; background:#eee;background:rgba(238,238,238,0.8);border-color:rgba(238,238,238,0.2); transition:border-color 0.2s ease-in;}
#shop-list-wrap dl dd:hover span{border-color:#000;border-color:rgba(0,0,0,0.8);}
#shop-list-wrap dl dd a span strong{ display:block;font-size:16px; margin:2px 7px; font-weight:bold;border-bottom:1px solid #000;}
#shop-list-wrap dl dd a span i{ font-style:normal; font-size:14px;}
/*促销活动*/
#shop-list-wrap dl dd.sales-item{border:1px solid #ccc;width:318px; transition:all 0.5s ease;}
#shop-list-wrap dl dd.sales-item:hover{border-color:red; box-shadow:#ccc 0 0 5px;}
#shop-list-wrap dl dd.sales-item a{height:318px;width:318px}
#shop-list-wrap dl dd.no-m{ margin-right:0;}
#shop-list-wrap dl dd.sales-item p{height:42px; text-indent:10px;padding-top:3px; background:#f7f7f7;}
#shop-list-wrap dl dd.sales-item p span{ display:block;}

#main-wrap a:hover{color:red;}
#product-list-wrap{width:980px; margin:0 auto;}
#product-list-wrap .sort-main{height:40px; background:#eee;}
#product-list-wrap ul{ margin-top:15px;height:295px; padding-left:34px;border-bottom:1px solid #c9c9c9;}
#product-list-wrap ul li{ position:relative; float:left;width:228px; height:295px;}
#product-list-wrap ul li div{ position:absolute; top:0;width:222px; border:3px solid #fff; background:#fff;padding-bottom:5px; transition:border-color 0.2s ease-in;}
#product-list-wrap ul li div:hover{border-color:red;}
#product-list-wrap ul li div:hover a.add-shop-cart{display:block;}
#product-list-wrap ul li div a.pic{display:block;}
#product-list-wrap ul li div a.pic img{display:block;}
#product-list-wrap ul li div p{ padding:0 10px; line-height:18px;}
#product-list-wrap ul li div p.link{margin-bottom:2px;}
#product-list-wrap ul li div p.link a{color:#666;}
#product-list-wrap ul li div p.price{color:red;}
#product-list-wrap ul li div p.price strong{ font-weight:bold;}
#product-list-wrap ul li div a.add-shop-cart{display:none; background:#f7f7f7;height:25px; line-height:25px; text-align:center;color:#005ba0;}

#page-wrap{width:980px; height:35px; margin:0 auto;}
#page-wrap div.proodtl-paging{float:right;}
#adaptive-wrap{width:980px; margin:20px auto;}
.colum-box{border:1px solid #c9c9c9}
.colum-box h4{height:30px;  line-height:30px; text-indent:15px;background:#f7f7f7;font-size:14px;border-bottom:1px solid #c9c9c9}

#hot-recommend{ margin-top:10px;}
#adaptive-wrap ul {padding:20px 0 20px 40px;}
#adaptive-wrap ul li{ float:left; display:inline; margin-right:30px;height:85px;width:200px;}
#adaptive-wrap ul li a.pic{display:block;width:85px;height:85px; float:left;}
#adaptive-wrap ul li a.pic img{ display:block;}
#adaptive-wrap ul li p{ float:left;width:105px; margin-left:5px; line-height:140%;}
#adaptive-wrap ul li p a{color:#666;}
#adaptive-wrap ul li p span{ display:block;color:red; font-weight:bold;}
#hot-recommend ul{padding-left:25px;}
#hot-recommend ul li{width:145px;height:200px; margin-right:10px;_margin-right:5px;}
#hot-recommend ul li a.pic{display:block;width:145px;height:145px; float: none;}
#hot-recommend ul li a.pic img{ display:block;}
#hot-recommend ul li p{ float:none;width:145px;line-height:140%;}
#hot-recommend ul li p a{color:#666;}


